<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
</head>
<style type="text/css">
	* {
		margin: 0;
		padding: 0;
	}

	html,
	body {
		height: 100%;
	}

	#box {
		min-height: 100%;
		background-color: #FF6945;
	}

	#content {
		padding-bottom: 50px;
	}

	.footer {
		height: 50px;
		line-height: 50px;
		text-align: center;
		background-color: #FFFF00;
		margin-top: -50px;
	}
</style>

<body>
	<div id="box">
		<div id="content">
			测试信息
			<br /> 测试信息
			<br /> 测试信息
			<br /> 测试信息
			<br /> 测试信息
			<br /> 测试信息
			<br /> 测试信息
			<br /> 测试信息
			<br /> 测试信息
			<br /> 测试信息
			<br /> 测试信息
			<br /> 测试信息
			<br /> 测试信息
			<br /> 测试信息
			<br /> 测试信息
			<br /> 测试信息
			<br /> 测试信息

			<br /> 测试信息
			<br /> 测试信息
			<br /> 测试信息
			<br /> 测试信息
			<br /> 测试信息
			<br /> 测试信息
			<br /> 测试信息
			<br /> 测试信息
			<br /> 测试信息

			<br /> 测试信息
			<br /> 测试信息
			<br /> 测试信息
			<br /> 测试信息
			<br /> 测试信息
			<br /> 测试信息
			<br />
		</div>

	</div>
	<div class="footer">
		我是底部信息
	</div>

</body>

</html>
